/* 
    Document   : style
    Created on : 15/11/2011, 19:33:57
    Author     : Evandro Ribeiro
    Description:
    Purpose of the stylesheet follows.
*/
@import url("fonts.css");
@import url("forms.css");
*{margin: 0; padding: 0;}
html{background:#1d1d1d;}
body{
    width:900px;
    min-height:450px;
    background:#fff;
    margin:0 auto;
}
h1{
    font-family:'BebasRegular';
    font-size:24px;
    padding-top: 25px;
    padding-left: 10px;
}
#nav{
    background:#fff;
    padding:10px;
    height:20px;
    width: 430px;
    float: left;
}
#nav ul {
    float: left;
    width: 100%;
    height: 20px;
    text-align: right;
    list-style:none;
}
#nav ul li { display: inline; }
#nav ul li a {
    padding: 2px 10px;
    color: #333;
    text-decoration: none;
    border-bottom:3px solid #EDEDED;
    font-family: Georgia,Times,Liberation Serif;
}
#nav ul li a:hover {border-bottom:3px solid #999; color: #333;}
#box-redes{width: 441px; float: left; background: #fff; padding: 4px;}
#redes{
      position:relative;
      width:64px;
      height:32px;
      background:url(../images/redes.png) no-repeat 0 0;
    }
    #redes ul{
      list-style:none;
      text-indent:-9999em;
    }
    #redes li{
      position:absolute;
      top:0;
      height:32px;
    }
    #redes li a{
      display:block;
      text-decoration:none;
      width:100%;
      height:100%;
      top:0;
    }
    #facebook{
      width:32px;
      left:0;
    }
    #twitter{
      width:32px;
      left:32px;
    }
    #youtube{
      width:32px;
      left:64px;
    }
    #facebook a:hover{
      background:url(../images/redes.png) no-repeat 0 -32px;
    }
    #twitter a:hover{
      background:url(../images/redes.png) no-repeat -32px -32px;
    }
    #youtube a:hover{
      background:url(../images/redes.png) no-repeat -64px -32px;
    }
#top{
    height: 200px;
    background:#1d1d1d;
}
#logo{
    width: 800px;
    margin: 0 auto;
    /*background:#ff00ff;*/
    padding:10px;
    height:40px;
    color:#fff;
}
.proj{
    font-family:'BebasRegular';
    font-size:24px;
    padding-top: 10px;
    padding-left: 12px;
    padding-bottom:5px;
    float: left;
    width: 100%;
    clear: both;
    color:#fff;
}
.logo{
    font-family:'BebasRegular';
    font-size:50px;
    padding-left:10px;
    padding-top:2px;
    padding-bottom:10px;
    float: left;
    display: block;
    color:#fff;
}
.disc{
    font-family:'BebasRegular';
    font-size:24px;
    padding-left: 12px;
    float: left;
    width: 100%;
    clear: both;
    color:#fff;
}
#container{
    background:#fff;
    float: left;
    padding-bottom: 20px;
    -moz-border-radius:0px 0px 15px 15px;
    -webkit-border-radius:0px 0px 15px 15px;
    border-radius:0px 0px 15px 15px;
}
.pergunta{
    font-family: Georgia;
    font-size: 17px;
    padding-left: 42px;
    padding-top: 20px;
    padding-bottom: 5px;
    cursor: pointer;
    float: left;
    font-weight:normal;
}
.resposta{
    font:15px Georgia;
    padding-left: 42px;
    float: left;
}
.resposta p{
    width: 830px;
    padding: 5px;
    background: #E8E8E8;
    border: 1px solid #CFCFCF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.marca-pergunta{
    font-family:'BebasRegular';
    font-size:15px;
}
.marca-resposta{
    font-family:'BebasRegular';
    font-size:13px;
}
.destaque{
    font-family: Georgia;
    font-size: 20px;
    padding: 25px 10px 10px 10px;
    margin: 0 auto;
    text-align: center;
}
#box-pr{
    float: left;
    width: 850px;
}
#rodape p{
    width: 880px;
    background:#1d1d1d;
    padding: 25px 10px 10px 10px;
    float: left;
    text-align: center;
    font-family: 'BebasRegular';
    font-size: 18px;
    color: #fff;
    letter-spacing: 2px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
    .proj{
        font-family:'BebasRegular';
        font-size:24px;
        padding-top: 10px;
        padding-left: 12px;
        padding-bottom:5px;
        float: left;
        width: 100%;
        clear: both;
        color:#fff;
    }
    .logo{
        font-family:'BebasRegular';
        font-size:50px;
        margin-top:-20px;
        padding-top:2px;
        padding-bottom:10px;
        float: left;
        display: block;
        color:#fff;
    }
    .disc{
        font-family:'BebasRegular';
        font-size:24px;
        padding-left: 12px;
        margin-top:-10px;
        float: left;
        width: 100%;
        clear: both;
        color:#fff;
    }
}